<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>用心交户-雷神官网-首页</title>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<style type="text/css">
			@font-face {
				font-family: "sousuo";
				src: url('font/搜索/iconfont.woff?t=1560134424871') format('woff'), url('font/搜索/iconfont.ttf?t=1560134424871') format('truetype')
			}
			
			.iconfont {
				font-family: "sousuo" !important;
				font-size: 16px;
				font-style: normal;
			}
			
			.icon-htmal5icon25:before {
				content: "\e63d";
			}
			
			 @font-face {
			 	font-family: "ysj";
  				src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKMAAsAAAAABjwAAAJAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApAVQE2AiQDCAsGAAQgBYRtBzgbgwXInpo8baD24aAIuHgCDjCIh//2+98+c+eppq+WBJUsmkySZUi/ksRSorMokVA8k++w047pFykN+Dy7nGUcyWbTDWyXa1YEYVeYoqyiB1KojzZpLrAXnO/4t+7nm6hFs73Pczm+BXQg8wPluvakSb0A44AC3QOjyEooscAbppc8EFf3CTTNIeDFh7fP1kgWLgvEM8Hz1qgTk2VWrAvVib1ZvFNRT2/ShbfF5+Of3RiRVAph25Wn91Xr+FNUVhyUB25nDh+u84AdosAOIBM3JnOXdAVjsWauZwn4VnPwU1lmDvFVq2B/XdjYBjMwH/yUfFGABDJqaGBwKEot8E8o4sHy2fK1d4OXd7vVb/fZzdpfnt/9X5+MoxZKU3xPFwiOff27e72T/0etDH50/Ssipcm2Bajf7g+8Qb5xKFtlaE9ZyydLSUPt9R1NTZQtHBr6jpom/yyFusmfAzWzDQp1K0RmdlDRso+qujNo2qYPt4x0XZEb2LIBQt9B0vUNhb6byMyLiqkfVf3ooulWjM5sWQsxueAwD1hBcQNRkmGxM0zK5nfkUeWurSy4b3ReJGG33vaLj2jQXbHBJ74PgQFzpOEBPIZKETSOaizD+hpCc9hs2NSL1iXp1sQFDsoFqAKsG1CUiMGy8cFk8P53iIuUnFsYaGS/IccT0wOJERuIR53ZNPArzwwJtzcFDIgcogEFZiFFIaBOz6qhUrCWD2QaBzwaFbfq1s8btO9OQFNoThFdU+i+ouhzU4ucfoThrRYAAA==')
			}
			.ysj{
				font-family: 'ysj' !important;
			}
			.icon-yousanjiaoxing:before {
			  content: "\e644";
			}
			
			
			@font-face {
				font-family:'jt';
				src:url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAJ0AAsAAAAABiAAAAIpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAooRwE2AiQDCAsGAAQgBYRtBzEbbgXIjgJ3ZiIdncj7Fw9Pa/87d3aeavqmiEeTKJqs4YkkWkmQOlG0EgqheKb+3f+5zAHau+fz/LE8RTRgX8hvOX1pOkA1p6fUhNyE25vPc029BDqQ/EBz7aCopKQA2hsPaIBdODqyDWToG8YueIHPCTTN6SmdPH1yA02ZvS4Q9+94FjQLUVlmhbpQbTiaxRsV9fQqfcfr6Pvxz76ok1QKdsu5m2sXZj+POCXFy/KlqwEhRkCnKyiwA8jEpcbsGRXBuIpmtmoJHKsx+HmkLAOPOKpTsL/Orm+DGZgLfh7x1gqQ4LEow+1JChDVJ+fIvfS6ncNbT198vPx/fucoQPktbRVHyK+Chzsr7270Dv6vtzL4sf72QBQuv2XD/KC+ni94f/XAgWxobXfKmrpxPKnut62piRIODv1OtU1OVgx1kwn+mtkMhboVMrM7UNFyAFV1R9C03fZ0y4ioiNzANp8Aoe8LSdcnFPq+ycz+oGLqD1X9KNB0JUZXtqzFneaJB2QpuWg/YeBwalyvtuPGK/KK2JK8NuLvSPIggeNde8qFLaUkS+zI772JqkEjnOAGvEZxzJgJh+TowFfNpsPdN5sUGjicQNsJglgUcSHbExRwsJQJJqt25fNXiKcQs0hHX131DhG5YHY0NjAaQG5N6aC+R3knd88zoZSBDMESaAMWkViMoax5UYg41IA/IZ2ZGjqjzFDTYHtL8nenoMm2p3DmFmp371ipcgEAAA==');
			}
			.icon-jiantou{
				font-family: 'jt' !important;
			}
			

			
		</style>
	
	</head>

	<body>

		<!--头部-->
		
		<div class="header-top">
			<div class="header-a">
				<div class="header-d">
					<a href="">雷神官网</a>
					<span>|</span>
					<a href="">雷神校园</a>
					<span>|</span>
					<a href="">雷神国际站</a>
					<span>|</span>
					<a href="">神游电竞</a>
					<span>|</span>
					<a href="">雨田基金</a>
					<span>|</span>
					<a href="">旧机换新</a>
					<span>|</span>
					<a href="">商城移动版</a>
					<span>|</span>
					<a href="">雷神租赁</a>
				</div>

				<div class="header-c">
					<i></i> 购物车
					<span>(0)</span>
				</div>
				<div class="header-e">
					<a href="">签到赢好礼</a>
					<span>|</span>
					<a href="登录/index.html">登录</a>
					<span>|</span>
					<a href="">注册</a>
				</div>
			</div>

		</div>

		<!--头部-->
<div class="ttbb">
	

		<nav class="navbar navbar-expand-lg navbar-light bg-light1">
			<a class="navbar-brand" href="#"><img src="img/logo.jpg" /></a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav mr-auto">
					<li class="nav-item active">
						<a class="nav-link" href="#"><img src="img/gif.gif" /> <span class="sr-only">(current)</span></a>
					</li>
				</ul>
				<form class="form-inline my-2 my-lg-0 from1">
					<input type="" name="" id="" value="" class="inp" />
					<button class="butto">
      	<i class="icon iconfont">&#xe63d;</i>
      </button>
				</form>
				<div class="pro">
					<a href="">911Pro</a>
					<a href="">五代新911</a>
					<a href="">黑武士Ⅱ</a>
				</div>
			</div>
		</nav>
</div>
		<!--分类-->

		<div class="classification">

			<div class="classification-a">
				<div class="classification-b">
					<span>全部分类</span>
					<a href=""><i></i></a>
				</div>

				<div class="classification-c">
					<ul class="cpu">
						<li>
							<a href="" id="yc">911系列</a>
						</li>
						<li>
							<a href="" class="ycc">911Air系列</a>
						</li>
						<li>
							<a href="" class="yyc">9代CPU</a>
						</li>
						<li>
							<a href="" class="wsxl">外设系列</a>
						</li>
						<li>
							<a href="16.6电竞/electric.html" class="idj">16.6电竞</a>
						</li>
						<li>
							<a href="">免费试用</a>
						</li>
						<li>
							<a href="">积分商城</a>
						</li>
						<li>
							<a href="">服务</a>
						</li>
						<li>
							<a href="">同城会</a>
						</li>
						<li>
							<a href="">品牌介绍</a>
						</li>
					</ul>
				</div>
			</div>

		</div>

		<!--隐藏-->

		<div class="translate" id="bc">
			<div class="container">
				<ul>
					<li>
						<a href=""><img src="img/yc.jpg" /></a>
						<p id="ls">雷神新911Pro钛空旗舰版</p>
						<span>9699</span>
					</li>

					<li>
						<a href=""><img src="img/yc.jpg" /></a>
						<p id="ls">雷神新911ME逐梦者</p>
						<span>8499</span>
					</li>

					<li>
						<a href=""><img src="img/2yc.jpg" /></a>
						<p id="ls">雷神新911Pro标准版</p>
						<span>12599</span>
					</li>

					<li>
						<a href=""><img src="img/3yc.jpg" /></a>
						<p id="ls">雷神新911Pro豪华版</p>
						<span>15599</span>
					</li>

					<li>
						<a href=""><img src="img/4yc.jpg" /></a>
						<p id="ls">雷神911黑幽灵Por版</p>
						<span>7999</span>
					</li>

					<li>
						<a href=""><img src="img/yc1.jpg" /></a>
						<p id="ls">雷神新911SE炫彩版</p>
						<span>6699</span>
					</li>
				</ul>
			</div>
		</div>

		<!--911Air-->

		<div class="translate" id="bcc">
			<div class="container">
				<ul>
					<li>
						<a href=""><img src="img/yc3.jpg" /></a>
						<p id="ls">雷神新911Air旗舰版</p>
						<span>6999</span>
					</li>

					<li>
						<a href=""><img src="img/yc3.jpg" /></a>
						<p id="ls">雷神新911Ai标准版</p>
						<span>6399</span>
					</li>

					<li>
						<a href=""><img src="img/yc3.jpg" /></a>
						<p id="ls">雷神新911Air青春版版</p>
						<span>6699</span>
					</li>

					<li>
						<a href=""><img src="img/yc4.jpg" /></a>
						<p id="ls">雷神新911GTS霸兽版</p>
						<span>6499</span>
					</li>

					<li>
						<a href=""><img src="img/yc5.jpg" /></a>
						<p id="ls">雷神911Air星战Ⅱ代</p>
						<span>7999</span>
					</li>

					<li>
						<a href=""><img src="img/yc6.jpg" /></a>
						<p id="ls">雷神911Air星战版</p>
						<span>6699</span>
					</li>
				</ul>
			</div>
		</div>

		<!--9代CPU-->

		<div class="translate" id="bbc">
			<div class="container">
				<ul>
					<li>
						<a href=""><img src="img/yc5.jpg" /></a>
						<p id="ls">雷神新911ME影极星旗舰版</p>
						<span>7199</span>
					</li>

					<li>
						<a href=""><img src="img/yc5.jpg" /></a>
						<p id="ls">雷神新911ME影极星标准版</p>
						<span>6699</span>
					</li>

					<li>
						<a href=""><img src="img/yc6.jpg" /></a>
						<p id="ls">雷神新911ME影极星Ⅱ代</p>
						<span>6999</span>
					</li>

					<li>
						<a href=""><img src="img/yc4.jpg" /></a>
						<p id="ls">雷神新911MT暗杀星标准版</p>
						<span>6299</span>
					</li>

					<li>
						<a href=""><img src="img/yc4.jpg" /></a>
						<p id="ls">雷神新911MT暗杀星旗舰版</p>
						<span>8299</span>
					</li>
				</ul>
			</div>
		</div>

		<!--外设系列-->

		<div class="translate" id="ws">
			<div class="container">
				<ul>
					<li>
						<a href="">
							<img src="img/yc7.jpg">
						<p id="ls">雷神沙漠风暴H71主动降燥电竞耳机</p>
						<span>399</span>
					</li>
					
					<li>
						<a href=" "><img src="img/yc8.jpg "/></a>
						<p id="ls ">雷神列兵M3033幻彩游戏鼠标</p>
						<span>209</span>
					</li>
					
					<li>
						<a href=" "><img src="img/yc9.jpg "/></a>
						<p id="ls ">雷神白幽灵K75金属银 黑轴/青轴R</p>
						<span>399</span>
					</li>
					
					
					<li>
						<a href=" "><img src="img/yc10.jpg "/></a>
						<p id="ls ">雷神黑金刚K70 黑轴/青轴/茶轴/红</p>
						<span>299</span>
					</li>
				</ul>
			</div>
		</div>
		
		
		
		
		<!--电竞-->
		
		
		<div class="translate " id="dj">
			<div class="container ">
				<ul>
					<li>
						<a href=" "><img src="img/yc6.jpg "/></a>
						<p id="ls ">雷神五代新911旗舰版</p>
						<span>6989</span>
					</li>
					
					<li>
						<a href=" "><img src="img/yc14.jpg "/></a>
						<p id="ls ">雷神911黑武士A57Ti</p>
						<span>7999</span>
					</li>
					
					
					<li>
						<a href=" "><img src="img/yc10.jpg "/></a>
						<p id="ls ">雷神黑金刚K70 黑轴/青轴/茶轴/红</p>
						<span>209</span>
					</li>
					
					<li>
						<a href=" "><img src='img/yc15.jpg'/></a>
						<p id="ls ">雷神黑武士显示屏27英寸</p>
						<span>1699</span>
					</li>
					
					
					
					<li>
						<a href=" "><img src="img/yc8.jpg "/></a>
						<p id="ls ">雷神列兵M3033幻彩游戏鼠标</p>
						<span>209</span>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="xiangdui">
			<!--轮播上的阴影部分-->
		
				<div class="shadow-one">
					<ul>
						<li class="yybf"><a href="">游戏笔记本</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li class="yybf1"><a href="">游戏台式机</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li class="yybf2"><a href="">游戏键鼠/耳机</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li class="yybf3"><a href="">电竞箱包</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li class="yybf4"><a href="">20显卡专区</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li><a href="">私人订制专区</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li><a href="">16.6电竞专区</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li><a href="">积分商城</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
						<li><a href="">免费试用</a><i class="icon iconfont icon-jiantou">&#xe63f;</i></li>
					</ul>
				</div>
				
				
				
				
				
				
					<!--轮播上阴影隐藏的内容-->
		
		<div class="mian">
			<div class="mian-a">
				<ul class="bktj">
					<h5>爆款推荐
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h5>
					<li>
						<img src="img/ycnr1.jpg"/>
						<span>雷神911Air星战标准版</span>
					</li>
					<li>
						<img src="img/ycnr2.jpg"/>
						<span>雷神911Air星战青春版</span>
					</li>
					<li>
						<img src="img/ycnr3.jpg"/>
						<span>雷神911Air标准版</span>
					</li>
					<li>
						<img src="img/ycnr3.jpg"/>
						<span>雷神911Air旗舰版</span>
					</li>
					<li>
						<img src="img/ycnr3.jpg"/>
						<span>雷神911Air青春版</span>
					</li>
					<li>
						<img src="img/ycnr4.jpg"/>
						<span>雷神911ME影极星旗舰版</span>
					</li>
					<li>
						<img src="img/ycnr2.jpg"/>
						<span>雷神911Air星战Ⅱ代</span>
					</li>
					<li>
						<img src="img/ycnr1.jpg"/>
						<span>雷神五代新911标准版</span>
					</li>
				</ul>
				
				<ul class="bktj">
					<h5>高跑分系列
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h5>
					<li>
						<img src="img/ycnr5.jpg"/>
						<span>雷神911Air星战豪华版</span>
					</li>
					<li>
						<img src="img/ycnr5.jpg"/>
						<span>雷神911Air星战青春版</span>
					</li>
					<li>
						<img src="img/ycnr6.jpg"/>
						<span>雷神911Air电竞版</span>
					</li>
					<li>
						<img src="img/ycnr5.jpg"/>
						<span>雷神911Air电竞版</span>
					</li>
					<li>
						<img src="img/ycnr6.jpg"/>
						<span>雷神911Air设计版</span>
					</li>
					<li>
						<img src="img/ycnr5.jpg"/>
						<span>雷神911ME黑幽灵旗舰版</span>
					</li>
				
				</ul>
				
				
			</div>
			<div class="mian-b">
				<ul class="ycb1">
					<li>
						<a href=""><img src="img/ycb1.jpg"/></a>
					</li>
					<li>
						<a href=""><img src="img/ycb2.jpg"/></a>
					</li>
				</ul>
			</div>
		</div>
			
				
		<!--游戏台式机-->
		
		<div class="mian-1">
			<div class="mian-a-1">
				<ul class="bktj-1">
					<h6>GTX1660
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
					<li>
						<img src="img/ycnr-1.jpg"/>
						<span>雷神911黑幽灵U12M游戏台式电脑主机</span>
					</li>
				</ul>
				
				<ul class="bktj-1">
					<h6>RTX2060
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
				
					<li>
						<img src="img/ycnr-2.jpg"/>
						<span>雷神Master N6 高性能电脑主机</span>
					</li>
					
					<li>
						<img src="img/ycnr-2.jpg"/>
						<span>黑武士A56游戏台式机</span>
					</li>
				</ul>
				<ul class="bktj-1">
					<h6>GTX1070Ti
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
					<li>
						<img src="img/ycnr-3.jpg"/>
						<span>黑武士A57Ti</span>
					</li>
					
					<li>
						<img src="img/ycnr-4.jpg"/>
						<span>黑武士A77Ti游戏台式机</span>
					</li>
				</ul>
				
				<ul class="bktj-1">
					<h6>电竞显示屏
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
					<li>
						<img src="img/ycnr6.jpg"/>
						<span>雷神电竞显示屏</span>
					</li>
					
					<li>
						<img src="img/ycnr-6.jpg"/>
						<span>雷神电竞显示屏</span>
					</li>
				</ul>
				
			</div>
			<div class="mian-b-1">
				<ul class="ycb1-1">
					<li>
						<a href=""><img src="img/ycnr11.jpg"/></a>
					</li>
					<li>
						<a href=""><img src="img/ycnr12.jpg"/></a>
					</li>
				</ul>
			</div>
		</div>
		
		
		
		<!--游戏键鼠/耳机-->
		
		<div class="mian-2">
			<div class="mian-a-2">
				<ul class="bktj-2">
					<h6>电竞耳机
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
					<li>
						<img src="img/ycnr-23.jpg"/>
						<span>雷神H71冰锐白耳机</span>
					</li>
					<li>
						<img src="img/ycnr-24.jpg"/>
						<span>雷神H71粉色耳机</span>
					</li>
					<li>
						<img src="img/ycnr-25.jpg"/>
						<span>电竞耳机</span>
					</li>
				</ul>
				
				<ul class="bktj-2">
					<h6>游戏鼠标
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
				
					<li>
						<img src="img/ycnr-26.jpg"/>
						<span>雷神M305粉硬糖</span>
					</li>
					
					<li>
						<img src="img/ycnr-27.jpg"/>
						<span>雷神猎兵M305鼠标</span>
					</li>
				</ul>
				<ul class="bktj-2">
					<h6>游戏键盘
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
					<li>
						<img src="img/ycnr-28.jpg"/>
						<span>雷神cherry轴机械键盘粉硬糖</span>
					</li>
					
					<li>
						<img src="img/ycnr-29.jpg"/>
						<span>白幽灵K7-Pro </span>
					</li>
					<li>
						<img src="img/ycnr-30.jpg"/>
						<span>雷神红蜘蛛K750&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</span>
					</li>
					
					<li>
						<img src="img/ycnr-31.jpg"/>
						<span>雷神蓝血人K750</span>
					</li>
					<li>
						<img src="img/ycnr-32.jpg"/>
						<span>雷神白幽灵K75R-PBT白&ensp;</span>
					</li>
					
					<li>
						<img src="img/ycnr-33.jpg"/>
						<span>雷神白幽灵K75</span>
					</li>
				</ul>
				
			</div>
			<div class="mian-b-2">
				<ul class="ycb1-2">
					<li>
						<a href=""><img src="img/ycnr-21.jpg"/></a>
					</li>
					<li>
						<a href=""><img src="img/ycnr-22.jpg"/></a>
					</li>
				</ul>
			</div>
		</div>
		
		
		
		<!--电竞箱包-->
		
		
		
		
		<div class="mian-3">
			<div class="mian-a-3">
				<ul class="bktj-3">
					<h6>铠甲背包
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
					<li>
						<img src="img/ycbb-33.jpg"/>
						<span>雷神黑曜石拉杆箱</span>
					</li>
					<li>
						<img src="img/ycbb-34.jpg"/>
						<span>巡航铠甲包</span>
					</li>
					<li>
						<img src="img/ycbb-35.jpg"/>
						<span>至潮黑曜石背包</span>
					</li>
					<li>
						<img src="img/ycbb-36.jpg"/>
						<span>铠甲包橙色</span>
					</li>
				</ul>
			</div>
			
		</div>
		
		
		<!--20显卡-->
		
		<div class="mian-4">
			<div class="mian-a-4">
				<ul class="bktj-4">
					<h6>20显卡专区
						<i class="icon iconfont icon-jiantou">&#xe63f;</i>
					</h6>
					<li>
						<img src="img/ycnr2.jpg"/>
						<span>雷神911ME逐影者</span>
					</li>
					<li>
						<img src="img/ycnr1.jpg"/>
						<span>雷神五代911耀武标准版</span>
					</li>
					<li>
						<img src="img/ycnr2.jpg"/>
						<span>雷神五代911耀武旗舰版</span>
					</li>
					<li>
						<img src="img/ycnr1.jpg"/>
						<span>雷神新911Pro标准版</span>
					</li>
					<li>
						<img src="img/ycnr2.jpg"/>
						<span>雷神新911Pro豪华版</span>
					</li>
					<li>
						<img src="img/ycnr1.jpg"/>
						<span>雷神 新911Pro旗舰版</span>
					</li>
					<li>
						<img src="img/ycnr2.jpg"/>
						<span>雷神911MT豪华版</span>
					</li>
					<li>
						<img src="img/ycnr1.jpg"/>
						<span>雷神911Pro豪华版</span>
					</li>
				</ul>
			</div>
		</div>
		
		</div>	
		<!--<!--轮播-->
		
		
	<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(img/11.jpg); "></div>
            <div class="swiper-slide" style="background-image:url(img/10.jpg) "></div>
            <div class="swiper-slide" style="background-image:url(img/7.jpg) "></div>
            <div class="swiper-slide" style="background-image:url(img/8.jpg) "></div>
            <div class="swiper-slide" style="background-image:url(img/9.jpg) "></div>
        </div>

        <div class="swiper-pagination swiper-pagination-white"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
		
		
		
		
		
		
		
	
		
		
		
		
		
		<!--新闻-->
		
		<div class="journalism">
			<div class="journalism-top">
				<div class="journalism-a">
					<ul>
						<li>
							<a href="">
								<img src="img/首页_18.png"/>
								<p>以旧换新</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/首页_15.png"/>
								<p>驱动下载</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/首页_22.png"/>
								<p>雷神大法</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/首页_23.png"/>
								<p>售后网点</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="journalism-b">
					<img src="img/首页_09.png"/>
					<img src="img/首页_07.png"/>
					<div class="journalism-c">
						<h6 class="lskb">
							雷神快报
							<a href="#">更多</a>
						</h6>
						<ul>
							<li>
								<span>【新闻】</span>
								<a href="">感动与惊喜齐飞！2019雷神粉丝派对...</a>
							</li>
							<li>
								<span>【新闻】</span>
								<a href="">新国货助力中国电竞 雷神5周年生日会...</a>
							</li>
							<li>
								<span>【新闻】</span>
								<a href="">雷神游戏本荣获AWE艾普兰金口碑奖</a>
							</li>
							<li>
								<span>【新闻】</span>
								<a href="">官宣，雷神正式成为SN战队新赛季赞助...</a>
							</li>
							<li>
								<span>【新闻】</span>
								<a href="">晒图好评送礼品的说明</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--每日秒杀-->
		<div class="spike" id="app">
			<div class="spike-top">
				<h2 class="ms">热卖单品推荐</h2>
				<div class="spike-a">
					<ul class="aisf">
						<li class="zdjs">
							<h6>10:00场</h6>
							<p>距结束还有</p>
							<img src="img/shandian.png" alt="" />
							<p><b id="djs"></b></p>
						</li>
						
						<li v-for="url in message" >
							<img :src="url.img"/>
							<p><a href="">{{url.txta}}</a></p>
							<p>{{url.txtb1}}<br/>{{url.txtb2}}</p>
							<a href="" class="zhyga">{{url.txtc}}<span>元</span><s class="yj">{{url.txtd}}</s></a>
						</li>
						
						<!--<li>
							<img src="img/ycnr3.jpg"/>
							<p><a href="">雷神911SE炫彩版</a></p>
							<p>金属游戏本，全彩键盘，芯八代六
								<br />
								核I7-8750H处理器，GTX1050Ti/4...</p>
							<a href="" class="zhyga">7299<span>元</span><s class="yj">7999元</s></a>
						</li>
						
						<li>
							<img src="img/ycnr4.jp	g"/>
							
							<p><a href="">雷神911MT黑骑士</a></p>
							<p>
								芯八代六核I7-8750H处理器，
								<br />
								GTX1050Ti/4G独显，8G内存...
							</p>
							<a href="" class="zhyga">6299<span>元</span><s class="yj">6699元</s></a>
						</li>
						
						<li>
							<img src="img/ycnr5.jpg"/>
							<p><a href="">雷神911黑幽灵</a></p>
							<p>GTX1060独显，芯八代六核I7-
								<br />
								8750H处理器，8G内存，128G固...</p>
							<a href="" class="zhyga">6199<span>元</span><s class="yj">6499元</s></a>
						</li>
						-->
						
					</ul>
				</div>
			</div>
		</div>
		
		
		
		<!--游戏笔记本-->
		
			<div class="game">
				<div class="game-top">
					<div class="game-a">
						<h2 class="titel">游戏笔记本</h2>
						<div class="game-b">
							<ul>
								<li class="xian"><a href="">热门</a></li>
								<li class=""><a href="">GTX1050Ti</a></li>
								<li><a href="">GTX1060</a></li>
								<li><a href="">GTX1650</a></li>
								<li><a href="">GTX1660Ti</a></li>
								<li><a href="">查看全部
								<i class="icon iconfont icon-jiantou">&#xe63f;</i></a></li>
							</ul>
						</div>
					</div>
					
					<div class="game-c">
						<div class="game-c-left">
							<img src="img/zgrl.jpg"/>
						</div>
						<div class="game-c-rigth">
							<ul class="c-rigth">
								<li class="yjx">
									<img src="img/5d.jpg"/>
									<p><a href="">雷神911ME影极星旗舰版</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥8899</a>
									<p>24人评价</p>
									<div class="very">
										<p>很好不负期望</p>
										<p>来自于 l***6 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/hqs.jpg"/>
									<p><a href="">雷神911MT黑骑士</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>9人评价</p>
									<div class="very">
										<p> 一直想买一款性价比高的笔记本，搜索淘宝就发现了雷神，...
						
										</p>
										<p>来自于 l***6 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/qjb.jpg"/>
									<p><a href="">雷神新911Pro钛空旗舰版</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>0人评价</p>
									<div class="very">
										<p>  电脑外观非常好看，挑选了很久，雷神所有本都看了个，最...
						
										</p>
										<p>来自于 o***a 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/qjb.jpg"/>
									<p><a href="">雷神911ME影极星</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>2人评价</p>
									
								</li>
								
								<li>
									<img src="img/lsasx.jpg"/>
									<p><a href="">雷神911MT暗杀星旗舰版</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>9人评价</p>
									<div class="very">
										<p>
											很棒的购物体验
										</p>
										<p>来自于 |***1 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/hhls.jpg"/>
									<p><a href="">雷神五代911耀武旗舰版</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>0人评价</p>
									<div class="very">
										<p>
											 刚到，还没充电。拆机看一下外观，不错，真的不错，第一...
										</p>
										<p>来自于 o***3 的评价</p>
									</div>
								</li>
							</ul>
							<ul class="c-rigth2">
								<li class="yjx">
									<img src="img/ls2-1.jpg"/>
									<p><a href="">雷神911Air星战标准版</a></p>
									<p>
									全面屏游戏本，芯9代I5-9300H处理器...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>2人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls2-2.jpg"/>
									<p><a href="">雷神911GTS霸兽版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!G0台...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>9人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls2-3.jpg"/>
									<p><a href="">雷神GTS巨兽版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!I5台式机...
									</p>
									<a href="" class="zhyg">￥7299</a>
									<p>5人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls2-4.jpg"/>
									<p><a href="">雷神911Air星战版</a></p>
									<p>
									全面屏游戏本，芯八代六核I7-8750H...
									</p>
									<a href="" class="zhyg">￥6999</a>
									<p>48人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls2-5.jpg"/>
									<p><a href="">雷神911MT黑幽灵旗舰版</a></p>
									<p>
									芯八代六核I7-8750H处理器，GT...
									</p>
									<a href="" class="zhyg">￥6199</a>
									<p>97人评价</p>
									<div class="very">
										<p>
											很棒的购物体验
										</p>
										<p>来自于 |***1 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/ls2-6.jpg"/>
									<p><a href="">雷神911Air电竞版</a></p>
									<p>
									全面屏游戏本，144HZ电竞屏，芯八...
									</p>
									<a href="" class="zhyg">￥7999</a>
									<p>13人评价</p>
								
								</li>
							</ul>
							<ul class="c-rigth2">
								<li class="yjx">
									<img src="img/ls3-1.jpg"/>
									<p><a href="">雷神911黑幽灵Pro版</a></p>
									<p>
									全面屏游戏本，芯9代I5-9300H处理器...
									</p>
									<a href="" class="zhyg">￥7299</a>
									<p>6人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls3-2.jpg"/>
									<p><a href="">雷神911GT旗舰版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!G0台...
									</p>
									<a href="" class="zhyg">￥8999</a>
									<p>3人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls3-3.jpg"/>
									<p><a href="">雷神911GT电竞版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!I5台式机...
									</p>
									<a href="" class="zhyg">￥9999</a>
									<p>7人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls3-4.jpg"/>
									<p><a href="">雷神911黑幽灵</a></p>
									<p>
									全面屏游戏本，芯八代六核I7-8750H...
									</p>
									<a href="" class="zhyg">￥6999</a>
									<p>54人评价</p>
								</li>
							</ul>
								
							<ul class="c-rigth2">
								<li class="yjx">
									<img src="img/ls4-1.jpg"/>
									<p><a href="">雷神911Air星战青春版</a></p>
									<p>
									全面屏游戏本，芯9代I5-9300H处理器...
									</p>
									<a href="" class="zhyg">￥6999</a>
									<p>2人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls4-2.jpg"/>
									<p><a href="">雷神911Air旗舰版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!G0台...
									</p>
									<a href="" class="zhyg">￥6499</a>
									<p>9人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls4-3.jpg"/>
									<p><a href="">雷神911ME影极星旗舰版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!I5台式机...
									</p>
									<a href="" class="zhyg">￥7299</a>
									<p>5人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls4-4.jpg"/>
									<p><a href="">雷神911ME影极星</a></p>
									<p>
									全面屏游戏本，芯八代六核I7-8750H...
									</p>
									<a href="" class="zhyg">￥6999</a>
									<p>48人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls4-4.jpg"/>
									<p><a href="">雷神911ME影极星Ⅱ</a></p>
									<p>
									芯八代六核I7-8750H处理器，GT...
									</p>
									<a href="" class="zhyg">￥6199</a>
									<p>97人评价</p>
									<div class="very">
										<p>
											很棒的购物体验
										</p>
										<p>来自于 |***1 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/ls4-5.jpg"/>
									<p><a href="">雷神911Air星战Ⅱ代</a></p>
									<p>
									全面屏游戏本，144HZ电竞屏，芯八...
									</p>
									<a href="" class="zhyg">￥7999</a>
									<p>13人评价</p>
								
								</li>
							</ul>
							<ul class="c-rigth2">

								<li class="yjx">
									<img src="img/ls5-1.jpg"/>
									<p><a href="">雷神911MT暗杀星标准版</a></p>
									<p>
									全面屏游戏本，芯9代I5-9300H处理器...
									</p>
									<a href="" class="zhyg">￥8299</a>
									<p>2人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls5-1.jpg"/>
									<p><a href="">雷神911MT暗杀星旗舰版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!G0台...
									</p>
									<a href="" class="zhyg">￥8999</a>
									<p>9人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls5-2.jpg"/>
									<p><a href="">雷神新911Pro钛空豪华版</a></p>
									<p>
									17.3英寸大屏!窄边框全面屏!I5台式机...
									</p>
									<a href="" class="zhyg">￥8899</a>
									<p>5人评价</p>
									
								</li>
								
								<li>
									<img src="img/ls5-4.jpg"/>
									<p><a href="">雷神五代新911旗舰版</a></p>
									<p>
									全面屏游戏本，芯八代六核I7-8750H...
									</p>
									<a href="" class="zhyg">￥9699</a>
									<p>48人评价</p>
									
								</li>
							</ul>
							
						</div>
					</div>
				</div>
			</div>
		
		<!--游戏台式机-->
		
		
		<div class="desktop">
			<div class="desktop-a">
				<h2 class="titel">游戏台式机</h2>
						<div class="desktop-b">
							<ul>
								<li><a href="">热门</a></li>
								<li class=""><a href="">电竞显示器</a></li>
								<li><a href="">GTX1050Ti</a></li>
								<li><a href="">GTX1650</a></li>
								<li><a href="">GTX1660Ti</a></li>
								<li class="qb"><a href="">查看全部
								<i class="icon iconfont icon-jiantou">&#xe63f;</i></a></li>
							</ul>
						</div>
			</div>
			<div class="desktop-c">
				<div class="desktop-left">
					<a href=""><img src="img/hws2.jpg"/></a>
					<a href=""><img src="img/gbq.jpg"/></a>
				</div>
				<div class="desktop-right">
					<ul class="c-rigth">
								<li class="yjx">
									<img src="img/ts1.jpg"/>
									<p><a href="">雷神911黑武士ⅡZ727</a></p>
									<p>
									GTX1650键盘，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥11999</a>
									<p>24人评价</p>
									
								</li>
								
								<li>
									<img src="img/ts2.jpg"/>
									<p><a href="">雷神911黑武士ⅡA706STi</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥19999</a>
									<p>9人评价</p>
									<div class="very">
										<p> 一直想买一款性价比高的台式机...
						
										</p>
										<p>来自于 aw 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/ts3.jpg"/>
									<p><a href="">雷神911黑武士A57Ti</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥16699</a>
									<p>0人评价</p>
									<div class="very">
										<p>  电脑外观非常好看，挑选了很久，雷神所有本都看了个，最...
						
										</p>
										<p>来自于 o***a 的评价</p>
									</div>
								</li>
								
								<li class="hwsa">
									<img src="img/ts4.jpg"/>
									<p><a href="">雷神911黑武士ⅡA506Ti</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥14509</a>
									<p>2人评价</p>
									<div class="very">
										<p> 真心喜欢这款台式...
						
										</p>
										<p>来自于1.....12的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/ts5.jpg"/>
									<p><a href="">雷神911黑武士ⅡZ948Ti</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥9999</a>
									<p>9人评价</p>
									<div class="very">
										<p>
											很棒的购物体验
										</p>
										<p>来自于 |***1 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/ts6.jpg"/>
									<p><a href="">雷神五代911耀武旗舰版</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥12499</a>
									<p>0人评价</p>
									<div class="very">
										<p>
											很好很好雷神第一...
										</p>
										<p>来自于 o***3 的评价</p>
									</div>
								</li>
							</ul>
				</div>
			</div>
		</div>
		
		
		
		
		
		<!--外设系列-->
		
		<div class="desktop">
			<div class="desktop-a">
				<h2 class="titel">外设系列</h2>
						<div class="desktop-b">
							<ul>
								<li><a href="">热门</a></li>
								<li class=""><a href="">雷神鼠标</a></li>
								<li><a href="">机械键盘</a></li>
								<li><a href="">雷神背包</a></li>
								<li><a href="">键鼠套装</a></li>
								<li class="qb"><a href="">查看全部
								<i class="icon iconfont icon-jiantou">&#xe63f;</i></a></li>
							</ul>
						</div>
			</div>
			<div class="desktop-c">
				<div class="desktop-left">
					<a href=""><img src="img/hlbj.jpg"/></a>
					<a href=""><img src="img/zyws.jpg"/></a>
				</div>
				<div class="desktop-right">
					<ul class="c-rigth">
								<li class="yjx">
									<img src="img/lsbb1.jpg"/>
									<p><a href="">雷神·至潮黑曜石电脑背包</a></p>
									<p>
									GTX1650键盘，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥299</a>
									<p>24人评价</p>
									
								</li>
								
								<li>
									<img src="img/lsbb2.jpg"/>
									<p><a href="">雷神黑曜石拉杆箱</a></p>
									<p>
									6月21日发货，雷神黑曜石拉杆箱.....
									</p>
									<a href="" class="zhyg">￥499</a>
									<p>9人评价</p>
									<div class="very">
										<p> 很好挺喜欢的...
						
										</p>
										<p>来自于 齐格飞 的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/lsbb3.jpg"/>
									<p><a href="">雷神KL30无线RGB机械键盘</a></p>
									<p>
									GTX1650键盘，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥329</a>
									<p>0人评价</p>
									<div class="very">
										<p>  电脑键盘很好看...
						
										</p>
										<p>来自于 o***33 的评价</p>
									</div>
								</li>
								
								<li class="hwsa">
									<img src="img/lsbb4.jpg"/>
									<p><a href="">雷神白幽灵K75金属银 黑轴</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥199</a>
									<p>2人评价</p>
									<div class="very">
										<p> 真心喜欢这款台式...
						
										</p>
										<p>来自于1.....12的评价</p>
									</div>
								</li>
								
								<li>
									<img src="img/lsbb5.jpg"/>
									<p><a href="">雷神巡航铠甲背包</a></p>
									<p>
									雷神新升级巡航铠甲包，包罗万象
									</p>
									<a href="" class="zhyg">￥299</a>
									<p>9人评价</p>
									
								</li>
								
								<li>
									<img src="img/lsbb6.jpg"/>
									<p><a href="">雷神五代911耀武旗舰版</a></p>
									<p>
									GTX1650独显，芯9代I7-9750H，8G...
									</p>
									<a href="" class="zhyg">￥499</a>
									<p>0人评价</p>
									<div class="lsbb6">
										<p>
											很好很好雷神第一...
										</p>
										<p>来自于 o***3 的评价</p>
									</div>
								</li>
							</ul>
				</div>
			</div>
		</div>
		
		
		
		<!--增值服务-->
		
		<div class="added">
			<div class="added-a">
				<h2 class="titel">增值服务</h2>
				<span class="you">☞</span>
				<span class="zuo">☜</span>
			</div>
			
			
			<div class="added-b">
				<ul class="hua">
					<li>
						<img src="img/zz1.jpg"/>
						<h3><a href="">雷神游戏本原厂5年保修上门服务</a></h3>
						<p>￥999</p>
					</li>
					
					<li>
						<img src="img/zz2.jpg"/>
						<h3><a href="">雷神保修期内备机服务</a></h3>
						<p>￥399</p>
					</li>
					<li>
						<img src="img/zz3.jpg"/>
						<h3><a href="">雷神游戏本全面保养服务</a></h3>
						<p>￥399</p>
					</li>
					<li>
						<img src="img/zz4.jpg"/>
						<h3><a href="">雷神游戏本外壳换新服务</a></h3>
						<p>￥399</p>
					</li>
					<li>
						<img src="img/zz5.jpg"/>
						<h3><a href="">雷神游戏本意外险</a></h3>
						<p>￥239</p>
					</li>
					<li>
						<img src="img/zz6.jpg"/>
						<h3><a href="">雷神2年电池换新服务</a></h3>
						<p>￥99</p>
					</li>
					<li>
						<img src="img/zz7.jpg"/>
						<h3><a href="">雷神笔记本原厂三年保修服务</a></h3>
						<p>￥599</p>
					</li>
				</ul>
			</div>
			
		</div>
		
		
		
		
		<!--热评产品-->
		
		<div class="review">
			<div class="review-a">
				<h2 class="tite2">热评产品</h2>
				<div class="review-b">
					<ul>
						<li>
							<img src="img/cp1.jpg"/>
							<p>还不错。。。</p>
							<p class="lsm">来自于 lsm_14923519554 的评价</p>
							<div class="info">
								<h3 class="info-h3">雷神911黑幽灵</h3>
								<span>|</span>
								<p>￥7599</p>
							</div>
						</li>
						
						<li>
							<img src="img/cp2.jpg"/>
							<p>送给男朋友的，超nice的电脑</p>
							<p class="lsm">来自于 lsm_15599708160 的评价</p>
							<div class="info">
								<h3 class="info-h3">雷神五代新911旗舰版</h3>
								<span>|</span>
								<p>￥6999</p>
							</div>
						</li>
						
						<li>
							<img src="img/cp3.jpg"/>
							
								<p>价格实惠，很愉快的一次购...</p>
							<p class="lsm">来自于 lsm_14923519554 的评价</p>
							<div class="info">
								<h3 class="info-h3">雷神911MT暗杀星标准版</h3>
								<span>|</span>
								<p>￥6299</p>
							</div>
						</li>
						
						<li>
							<img src="img/cp4.jpg"/>
							<p>值得大家购买的一款游戏本</p>
							<p class="lsm">来自于 open_48cf6d5378 的评价</p>
							<div class="info">
								<h3 class="info-h3">雷神新911Pro钛空旗舰版</h3>
								<span>|</span>
								<p>￥9699</p>
							</div>
						</li>
					</ul>
				</div>
				
				
				<div class="review-c">
					<div class="fsjh">
						<h2 class="titel">粉丝同城会</h2>
						<span class="qaq">☞</span>
						<span class="qwq">☜</span>
					</div>
					<div class="tcjh">
						<ul class="lsfs">
							<li>
								<a href=""><img src="img/tc1.png"/></a>
								<p>雷神粉丝联盟派对进驻长沙</p>
							</li>
							
							<li>
								<a href=""><img src="img/tc2.png"/></a>
								<p>雷神粉丝联盟派对进驻长沙</p>
							</li>
							
							<li>
								<a href=""><img src="img/tc3.jpg"/></a>
								<p>雷神粉丝联盟派对进驻长沙</p>
							</li>
							
							<li>
								<a href=""><img src="img/tc4.jpg"/></a>
								<p>雷神粉丝联盟派对进驻长沙</p>
							</li>
							
							<li>
								<a href=""><img src="img/tc5.jpeg"/></a>
								<p>雷神粉丝联盟派对进驻长沙</p>
							</li>
							<li>
								<a href=""><img src="img/tc6.jpg"/></a>
								<p>雷神粉丝联盟派对进驻长沙</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<!--品牌视频专区-->
		
		<div class="brand">
			<div class="brand-a">
				<h2 class="titel">品牌视频专区</h2>
						<div class="brand-b">
							<ul>
								<li class="ck"><a href="">查看全部
								<i class="icon iconfont icon-jiantou">&#xe63f;</i></a></li>
							</ul>
						</div>
			</div>
			
			<div class="brand-bot">
				<ul>
					<li>
						<img src="img/sp1.jpg"/>
						<p><a href="">耀五扬威-雷神5周年新品发布会</a></p>
						<p>雷神5周年新品发布会</p>
						<i class="icon iconfont ysj" id="bf1">&#xe644;</i>
					</li>
				
					<li>
						<img src="img/sp2.png"/>
						<p><a href="">雷神品牌宣传</a></p>
						<p>雷神品牌宣传视频</p>
						<i class="icon iconfont ysj" id="bf2">&#xe644;</i>
						
						
					</li>
				
					<li>
						<img src="img/sp3.png"/>
						<p><a href="">雷神品牌态度</a></p>
						<p>雷神品牌态度视频</p>
						<i class="icon iconfont ysj" id="bf3">&#xe644;</i>
					</li>
					<li>
						<img src="img/sp4.png"/>
						
						<p><a href="">因为雷疯</a></p>
						<p>因为雷疯 所以雷神历届粉丝会混剪视频</p>
						<i class="icon iconfont ysj" id="bf4">&#xe644;</i>
					</li>
				</ul>
			</div>
			
		</div>
		
		<!--视频-->
		
		<div class="ycsp">
			<span class="gbsp">
				<span>雷神耀武扬威</span>
				<span>×</span>
			</span>
			<video width="881" height="495" controls src="http://obs6gsc20.bkt.clouddn.com/recordings/z1.leishen.tr2019/1556017711_1556026917.mp4" type="video/mp4">
			<source src="movie.ogg" type="video/ogg">
			</video>
		</div>
		
		
		<div class="ycsp2">
			<video width="881" height="495" controls src="http://obs6gsc20.bkt.clouddn.com/recordings/z1.leishen.tr2019/1556017711_1556026917.mp4" type="video/mp4">
			<source src="movie.ogg" type="video/ogg">
				<i>×</i>
			</video>
		</div>
		
		<div class="ycsp3">
			<video width="881" height="495" controls src="http://obs6gsc20.bkt.clouddn.com/recordings/z1.leishen.tr2019/1556017711_1556026917.mp4" type="video/mp4">
			<source src="movie.ogg" type="video/ogg">
			</video>
		</div>
		
		<div class="ycsp4">
			<video width="881" height="495" controls src="http://obs6gsc20.bkt.clouddn.com/recordings/z1.leishen.tr2019/1556017711_1556026917.mp4" type="video/mp4">
			<source src="movie.ogg" type="video/ogg">
			</video>
		</div>
		
		
		
		<!--页脚-->
		
		<div class="footer">
			<div class="footer-a">
				<ul>
					<li>
						<img src="img/首页_167.png"/>
						<a href="">一年免费保修</a>
					</li>
					<li>
						<img src="img/首页_161.png"/>
						<a href="">7天无理由退货</a>
					</li>
					<li>
						<img src="img/首页_158.png"/>
						<a href="">15天免费换货</a>
					</li>
					<li>
						<img src="img/首页_170.png"/>
						<a href="">顺丰包邮</a>
					</li>
					<li>
						<img src="img/首页_164.png"/>
						<a href="">110余家售后网点</a>
					</li>
				</ul>
			</div>
			
			
			<div class="footer-b">
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<a href="">购物指南</a>
					</dd>
					<dd>
						<a href="">支付方式</a>
					</dd>
					<dd>
						<a href="">配送方式</a>
					</dd>
				</dl>
				
				<dl>
					<dt>服务支持</dt>
					<dd>
						<a href="">保修政策</a>
					</dd>
					<dd>
						<a href="">下载中心</a>
					</dd>
					<dd>
						<a href="">服务标准</a>
					</dd>
				</dl>
				
				<dl>
					<dt>关于雷神</dt>
					<dd>
						<a href="">公司介绍</a>
					</dd>
					<dd>
						<a href="">联系我们</a>
					</dd>
					<dd>
						<a href="">加入雷神</a>
					</dd>
				</dl>
				
				<dl>
					<dt>品牌资讯</dt>
					<dd>
						<a href="">营业执照</a>
					</dd>
					<dd>
						<a href="">新闻中心</a>
					</dd>
					<dd>
						<a href="">版权声明</a>
					</dd>
				</dl>
				
				<dl>
					<dt>线下门店</dt>
					<dd>
						<a href="">售后网点</a>
					</dd>
					<dd>
						<a href="">线下网点</a>
					</dd>
					<dd>
						<a href="">雷神服务</a>
					</dd>
				</dl>
				
				<dl>
					<p>新浪微博</p>
					<img src="img/首页_178.png"/>
				</dl>
				
				<dl>
					<p>雷神订阅号</p>
					<img src="img/首页_180.png"/>
				</dl>
				
				<dl>
					<p>雷神抖音</p>
					<img src="img/首页_182.png"/>
				</dl>
				
				<dl class="ioio">
					<p>雷神交流群</p>
					<img src="img/首页_184.png"/>
				</dl>
				
				
				<dl class="contact">
					<p>4006-999-999</p>
					<p>周一至周日 8:00-18:00</p>
					<p>17753288195</p>
					<p>周一至周六 9：30—17:30</p>
					<a href=""><i class="fa fa-twitch"></i>24小时在线客服</a>
				</dl>
			</div>
			<div class="footer-c">
				<div class="footer-d">
					<div class="footer-left">
						<p>
							<a href="">以旧换新服务</a><span>|</span>
							<a href="">企业订购</a><span>|</span>
							<a href="">驱动下载</a><span>|</span>
							<a href="">神游网</a><span>|</span>
							<a href="">雷神增值服务</a><span>|</span>
							<a href="">老用户福利</a><span>|</span>
							<a href="">问题反馈</a>
						</p>
						<p class="leishen">
            				© 2014-2020 www.leishen.cn 青岛雷神科技股份有限公司 版权所有 全国免费咨询电话：4006-999-999   鲁ICP备14015908号-1
						</p>
					</div>
					<div class="footer-right">
						<img src="img/首页_191.png"/>
						<img src="img/首页_194.png"/>
						<img src="img/首页-99.jpg"/>
					</div>
				</div>
			</div>
		</div>
		
		
		
<!--		回到顶部-->


			
			
			<div class="hdb1">
				<i><img src="img/back4.png"/></i>
				<span><img src="img/back44.png"/></span>
			</div>
			
			
			
			
			
		
		
	</body>
	<script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js "></script>
	<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js "></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js "></script>
	<script src="js/swiper.min.js " type="text/javascript " charset="utf-8 "></script>
	<script src="js/new_file.js " type="text/javascript " charset="utf-8 "></script>
	<script type="text/javascript ">
		 var swiper = new Swiper('.swiper-container', {
      slidesPerView: 1,
      spaceBetween: 30,
      loop: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
    
    
    var vm = new Vue({
	el:"#app",
	data:{
		message:"正在请求数据..."
	},
	mounted(){
		axios
		.get("json/onws.json")
		.then(response => (this.message = response.data.urls))
		.catch(function (error){
			console.log(error)
		});
	}
})
    

    
    
    
    
    
	</script>
</html>